div, body, html, table {
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

/*********************************


Top Level Containers


**********************************/

.section-header.blocked {
  background: #000000;
}


.underarmour-wrapper .row {
	max-width: 940px;
	display: block;
}

.underarmour-wrapper .underarmour-player {
    max-width: 300px;
    border: 1px solid #E9ECED;
    border-radius: 3px;
    display: inline-block;
    margin-top: 20px;
    margin-right: 12.5px;
    vertical-align: top;
}

.underarmour-wrapper .row .underarmour-player:last-child {
  margin-right: 0px;
}

.underarmour-wrapper .row .underarmour-player:hover {
  cursor: pointer;
}

/*********************************


Player Name & Info Section


**********************************/

.underarmour-wrapper .underarmour-player img {
	display: block;
	margin: 0;
}



.underarmour-wrapper .playername {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/WAS #de3406+0,d01604+100 */
	background: #000000; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #000000 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #000000 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #000000 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #ffffff;
	display: block;
	font-family: AntennaCondMedium;
	font-size: 22px;
	margin: 0;
	min-height: 32px;
	padding-top: 4px;
	text-align: center;
	width: 100%;
}


.underarmour-wrapper .playername span {
	display: inline-block;
	vertical-align: middle;
}


.underarmour-wrapper .playerinfo {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #dcdcdc;
  text-align: center;
}

.underarmour-wrapper .playerinfo .playerinfo-container {
  display: inline-block;
  margin: 10px;
  color: #3d4143;
}


.underarmour-wrapper .playerinfo-container span {
  display: block;
}

.underarmour-wrapper .playerinfo-container span:first-of-type {
  color: #3D4143;
  font-size: 11px;
}

.underarmour-wrapper .playerinfo-container span:last-of-type {
  color: #3D4143;
  font-size: 13px;
  font-weight: 600;
}

.player-from {
  background: #f1f4f6 none repeat scroll 0 0;
  box-sizing: border-box;
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 5px;
  text-align: center;
}

.player span:first-child {
  margin-right: 15px;
}

/*********************************


Bio Section


**********************************/

.underarmour-wrapper .underarmour-player .bio {
  box-sizing: border-box;
  padding: 5px 10px 20px;
  display: none;
}

.underarmour-wrapper .underarmour-player .bio p {
  color: #292929;
  font-family: AntennaCondMedium;
  font-size: 14px;
  line-height: 21px;
}


/*********************************


Button & Toggle


**********************************/

.togglebtn {
  background: #f3f3f3 none repeat scroll 0 0;
  box-sizing: border-box;
  color: #000000;
  display: block;
  font-size: 13px;
  font-weight: 600;
  padding: 6px;
  text-align: center;
  transition: all 0.3s ease 0s;
}

.togglebtn:hover {
  background: #e2e2e2 none repeat scroll 0 0;
  cursor: pointer;
}




/*********************************


Mobile Media Queries


**********************************/

@media screen and (max-width: 620px) {
	.underarmour-wrapper .underarmour-player {
		width: 100%;
	}
	.underarmour-player .row {
		width: 100%;
	}

	.underarmour-wrapper .underarmour-player {
		max-width: 100%;
		min-width: 100%;
	}

	.underarmour-wrapper .underarmour-player img {
		min-width: 100%;
	}
}